

<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="generator" content="HelpNDoc Personal Edition 6.9.0.577">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="icon" href="favicon.ico"/>

  <title>Login screen</title>
  <meta name="description" content="" /> 
  <meta name="keywords" content="">



  

  <!-- Twitter Card data -->
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Login screen">
  <meta name="twitter:description" content="">

  <!-- Open Graph data -->
  <meta property="og:title" content="Login screen" />
  <meta property="og:type" content="article" />
  <meta property="og:description" content="" />
  <meta property="og:site_name" content="Help VVs" /> 

  <!-- Bootstrap core CSS -->
  <link href="vendors/bootstrap-3.4.1/css/bootstrap.min.css" rel="stylesheet"/>

  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <link href="vendors/bootstrap-3.4.1/css/ie10-viewport-bug-workaround.css" rel="stylesheet"/>

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
      <script src="vendors/html5shiv-3.7.3/html5shiv.min.js"></script>
      <script src="vendors/respond-1.4.2/respond.min.js"></script>
    <![endif]-->

  <!-- JsTree styles -->
  <link href="vendors/jstree-3.3.7/themes/default/style.min.css" rel="stylesheet"/>

  <!-- Hnd styles -->
  <link href="css/layout.min.css" rel="stylesheet" />
  <link href="css/effects.min.css" rel="stylesheet" />
  <link href="css/theme-light-blue.min.css" rel="stylesheet" />
  <link href="css/print.min.css" rel="stylesheet" media="print" />
  <style type="text/css">nav { width: 350px} @media screen and (min-width:769px) { body.md-nav-expanded div#main { margin-left: 350px} body.md-nav-expanded header { padding-left: 364px} }</style>

  <!-- Content style -->
  <link href="css/hnd.content.css" rel="stylesheet" />

  



</head>

<body class="md-nav-expanded">



  <div id="skip-link">
    <a href="#main-content" class="element-invisible">Skip to main content</a>
  </div>

  <header class="headroom">
    <button class="hnd-toggle btn btn-default">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>        
    </button>
    <h1>Help VVs</h1>
    
  </header>

  <nav class="md-nav-expanded">
    <!-- Nav tabs -->
    <ul class="tab-tabs nav nav-tabs" role="tablist">
      <li id="nav-close"> 
        <button class="hnd-toggle btn btn-default">
          <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
        </button>
      </li>
      
	  
        <li role="presentation" class="tab active">
            <a href="#contents" id="tab-contents" aria-controls="contents" role="tab" data-toggle="tab">
                <i class="glyphicon glyphicon-list"></i>
                Contents
            </a>
        </li>
      
        <li role="presentation" class="tab">
            <a href="#index" id="tab-index" aria-controls="index" role="tab" data-toggle="tab">
                <i class="glyphicon glyphicon-asterisk"></i>
                Index
            </a>
        </li>
      
        <li role="presentation" class="tab">
            <a href="#search" id="tab-search" aria-controls="search" role="tab" data-toggle="tab">
                <i class="glyphicon glyphicon-search"></i>
                Search
            </a>
        </li>
      
    </ul>  <!-- /Nav tabs -->

    <!-- Tab panes -->
    <div class="tab-content">
	  
      <div role="tabpanel" class="tab-pane active" id="contents">
        <div id="toc" class="tree-container unselectable"
            data-url="_toc.json"
            data-openlvl="1"
        >
            
        </div>
      </div>  <!-- /contents-->
      
      <div role="tabpanel" class="tab-pane" id="index">
        <div id="keywords" class="tree-container unselectable"
            data-url="_keywords.json"
            data-openlvl="1"
        >
            
        </div>
      </div>  <!-- /index-->
      
      <div role="tabpanel" class="tab-pane" id="search">
        <div class="search-content">
          <div class="search-input">
            <form id="search-form">
              <div class="form-group">
                <div class="input-group">
                  <input type="text" class="form-control" id="input-search" name="input-search" placeholder="Search..." />
                  <span class="input-group-btn">
                    <button class="btn btn-default" type="submit">
                      <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                    </button>
                  </span>
                </div>
              </div>
            </form>
          </div>  <!-- /search-input -->
          <div class="search-result">
            <div id="search-info"></div>
            <div class="tree-container unselectable" id="search-tree"></div>
          </div>  <!-- /search-result -->
        </div>  <!-- /search-content -->
      </div>  <!-- /search-->
      
    </div>  <!-- /Tab panes -->

  </nav>

  <div id="main">

    <article>
        <div id="topic-content" class="container-fluid" 
		  data-hnd-id="Loginscreen"
		  data-hnd-context="35"
		  data-hnd-title="Login screen"
		>
            
                <div class="navigation">
                    <ol class="breadcrumb">
                        <li><a href="SuperAdministratorscreens.html">Super Administrator screens</a></li>
                    </ol>
                    <div class="nav-arrows">
                        <div class="btn-group btn-group-xs" role="group"><a class="btn btn-default" href="SuperAdministratorscreens.html" title="Super Administrator screens" role="button"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a><a class="btn btn-default" href="Homescreen3.html" title="Home screen" role="button"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span></a><a class="btn btn-default" href="ForgotPasswordscreen.html" title="Forgot Password screen" role="button"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span></a></div>
                    </div>
                </div> 
            

            <a id="main-content"></a>

            <h2>Login screen</h2>

            <div class="main-content">
                
<p></p>
<h2 class="rvps9"><span class="rvts0"><span class="rvts18"><br/></span></span></h2>
<div class="rvps8"><table width="750" border="2" cellpadding="4" cellspacing="0" style="border-color: #000000; border-style: solid; border-spacing: 0px;">
<tr valign="top">
<td width="736" height="3" valign="top" style="border-width : 0px; padding: 0px 7px; background-color: #001844;"><p class="rvps2"><span class="rvts19">Screen Description </span></p>
</td>
</tr>
<tr valign="top">
<td width="736" height="57" valign="top" style="border-width : 0px; padding: 0px 7px;"><p class="rvps2"><span class="rvts6">This is the login screen of the #Bikes4ERP web application, accessed by clicking “Log in” in the top- right corner. The user must be registered on the system and input their Username and Password and proceed by clicking the “Login” button. The system will log the user in according to their user type specified by the administrator. </span></p>
</td>
</tr>
</table>
</div>
<p class="rvps10"><span class="rvts6"><br/></span></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<p class="rvps2"><img width="741" height="310" alt="" style="padding : 1px;" src="lib/NewItem37.png"></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<div class="rvps2"><table width="731" border="0" cellpadding="4" cellspacing="0" style="border-width: 0px; border-spacing: 0px;">
<tr valign="top">
<td width="55" height="44" valign="top" style="padding: 0px 7px; background-color: #001844;"><p class="rvps2"><span class="rvts19">Number</span></p>
</td>
<td width="132" height="44" valign="top" style="padding: 0px 7px; background-color: #001844;"><p class="rvps2"><span class="rvts19">Item</span></p>
</td>
<td width="502" height="44" valign="top" style="padding: 0px 7px; background-color: #001844;"><p class="rvps2"><span class="rvts19">Description</span></p>
</td>
</tr>
<tr valign="top">
<td width="55" height="38" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">1</span></p>
</td>
<td width="132" height="38" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">Navigation Bar: Home Button</span></p>
</td>
<td width="502" height="38" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">Redirects the User to the Bikes4ERP </span><span class="rvts14">Home</span><span class="rvts6">&nbsp;Screen.</span></p>
</td>
</tr>
<tr valign="top">
<td width="55" height="51" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">2</span></p>
</td>
<td width="132" height="51" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">Login Button</span></p>
</td>
<td width="502" height="51" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">Log’s the User into the system and Redirects to the Home page provided their </span><span class="rvts14">Username </span><span class="rvts6">and </span><span class="rvts14">Password </span><span class="rvts6">is correct</span></p>
</td>
</tr>
<tr valign="top">
<td width="55" height="45" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">3</span></p>
</td>
<td width="132" height="45" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">Forgot Password Button</span></p>
</td>
<td width="502" height="45" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">Redirects the User to the </span><span class="rvts14">Forgot Password </span><span class="rvts6">page</span></p>
</td>
</tr>
<tr valign="top">
<td width="55" height="33" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">4</span></p>
</td>
<td width="132" height="33" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">Help Button</span></p>
</td>
<td width="502" height="33" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">If the user clicks on the </span><span class="rvts14">Help</span><span class="rvts6">&nbsp;option, Redirects School Administrator to the </span><span class="rvts14">Help</span><span class="rvts6">&nbsp;document</span></p>
</td>
</tr>
<tr valign="top">
<td width="55" height="44" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">5</span></p>
</td>
<td width="132" height="44" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">Login Button</span></p>
</td>
<td width="502" height="44" valign="top" style="padding: 0px 7px;"><p class="rvps2"><span class="rvts6">If the User clicks on the </span><span class="rvts14">Login</span><span class="rvts6">&nbsp;option, Redirects to the Login page</span></p>
</td>
</tr>
</table>
</div>
<p class="rvps2" style="page-break-before: always;"><span class="rvts6"><br/></span></p>
<p class="rvps2"><span class="rvts6"><br/></span></p>
<p></p>
<p class="rvps5" style="clear: both;"><span class="rvts12">Created with the Personal Edition of HelpNDoc: </span><a class="rvts13" href="https://www.helpndoc.com/feature-tour/create-help-files-for-the-qt-help-framework">Create cross-platform Qt Help files</a></p>

            </div>
            
            <div id="topic_footer"><div id="topic_footer_content">Copyright &copy; &lt;Dates&gt; by &lt;Authors&gt;. All Rights Reserved.</div></div>
        </div>  <!-- /#topic-content -->
    </article>

    <footer></footer>

  </div>  <!-- /#main -->

  <div class="mask" data-toggle="sm-nav-expanded"></div>
  
  <!-- Modal -->
  <div class="modal fade" id="hndModal" tabindex="-1" role="dialog" aria-labelledby="hndModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="hndModalLabel"></h4>
        </div>
        <div class="modal-body">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary modal-btn-close" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>

  <!-- Scripts -->
  <script src="vendors/jquery-3.4.1/jquery.min.js"></script>
  <script src="vendors/bootstrap-3.4.1/js/bootstrap.min.js"></script>
  <script src="vendors/markjs-8.11.1/jquery.mark.min.js"></script>
  <script src="vendors/uri-1.19.1/uri.min.js"></script>
  <script src="vendors/imageMapResizer-1.0.7/imageMapResizer.min.js"></script>
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script src="vendors/bootstrap-3.4.1/js/ie10-viewport-bug-workaround.js"></script>
  
  <!-- Headroom -->
  <script src="vendors/headroom-0.9.4/headroom.min.js"></script>
  <script src="vendors/headroom-0.9.4/jquery.headroom.min.js"></script>

  <!-- JsTree -->
  <script src="vendors/jstree-3.3.7/jstree.min.js"></script>

  <!-- HelpNDoc scripts -->
  <script src="_translations.js"></script>
  <script src="js/hndsd.min.js"></script>
  <script src="js/hndse.min.js"></script>
  <script src="js/app.min.js"></script>

  <!-- Scripts -->
  <script>
    $(function() {
      // Create the app
      var app = new Hnd.App();
      // Update translations
      hnd_ut(app);
	  // Instanciate imageMapResizer
	  imageMapResize();
	  // Custom JS
	  
      // Boot the app
      app.Boot();
    });
  </script>



</body>

</html>

